body{
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 1px;
}
/* bar icon start */
.mui-bar-tab{
    background-color: #fff;
}
.mui-bar-nav.mui-bar .mui-icon{
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
}
.act-btn:after{
    content: ' ';
    width: 18px;
    height: 18px;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.act-btn.close-btn:after{
    background-position: -131px -803px;
}
.act-btn.back-btn:after{
    background-position: -16px -34px;
}
.act-btn.add-btn:after{
    background-position: -138px -651px;
}
.wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
}
.mui-bar-tab .r-tab-item
{
    display: table-cell;
    overflow: hidden;

    width: 1%;
    height: 50px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #929292;
}
.mui-bar-tab .r-tab-item.mui-active
{
    color: #007aff;
}
.mui-bar-tab .r-tab-item .mui-icon
{
    top: 3px;

    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.mui-bar-tab .r-tab-item .mui-icon ~ .mui-tab-label
{
    font-size: 11px;

    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}
.mui-bar-tab .r-tab-item .mui-icon:active
{
    background: none;
}
.r-tab-item .act-index:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -53px -384px;
}
.mui-bar-tab .r-tab-item.mui-active{
    color: #ffcd00;
}
.r-tab-item.mui-active .act-index:after{
    background-position: -103px -384px;
}
.r-tab-item .act-gwc:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -153px -384px;
}
.r-tab-item.mui-active .act-gwc:after{
    background-position: -203px -385px;
}
.r-tab-item .act-user:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -302px -384px;
}
.r-tab-item.mui-active .act-user:after{
    background-position: -252px -384px;
}
/* bar icon start */
/* mui-table-view no-padding start */
.mui-table-view.no-padding{
    position: relative;
    font-size: 15px;
}
.mui-table-view.no-padding:before{
    height: 0 !important;
}
.mui-table-view.no-padding:after{
    background-color: #e7e7e7;
}
.mui-table-view.no-padding > .mui-table-view-cell:after{
    left: 0;
    background-color: #e7e7e7;
}
.mui-table-view.no-padding > .mui-table-view-cell > .mui-navigate-right > .mui-pull-right{
    font-size: 13px;
    line-height: 1;
    color: #999;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
}
/* mui-table-view no-padding end */
/* heading start */
.mui-bar.user-heading{
    background-color: #fff;
}
.mui-bar.user-heading .mui-title{
    color: #333;
}
.mui-bar.user-heading .mui-btn-link{
    color: #999;
}
.mui-bar.user-heading:after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #ffcd00;
}
/* heading end */
/* signin start */
#sign-form{
    margin-top: 10px;
}
#sign-form .mui-input-row:after{
    left: 15px;
    right: 15px;
}
#sign-form .mui-input-row:last-child:after{
    height: 0;
}
#sign-form ~ .mui-content-padded{
    margin-top: 30px;
}
.link-area a{
    color: #666666;
    font-size: 13px;
}
.login-other{
    display: none;
    margin-top: 40%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.login-other .login-other-title{
    position: relative;
}
.login-other .login-other-title:after{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.login-other .login-other-title > h5{
    display: inline-block;
    position: relative;
    z-index: 4;
    background-color: #f7f7f7;
    padding-left: 15px;
    padding-right: 15px;
    color: #999;
    font-size: 13px;
}
.login-other .login-other-box{
    padding-top: 30px;
    padding-bottom: 30px;
}
.login-other .login-other-box a{
    display: block;
}
.login-other .login-other-box .mui-icon{
    width: 40px;
    height: 40px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.login-other .login-other-box .mui-icon.lo-qq{
    background-position: -48px -851px;
}
.login-other .login-other-box .mui-icon.lo-wetch{
    background-position: -164px -851px;
}
.login-other .login-other-box .mui-icon.lo-weibo{
    background-position: -293px -851px;
}
.login-other .login-other-box .mui-icon ~ p{
    margin-bottom: 0;
    margin-top: 10px;
    color: #999999;
    font-size: 13px;
}
/* signin end */

/* signup start */
#sign-form .getcode{
    position: absolute;
    width: auto !important;
    top: 6px;
    right: 15px;
    font-size: 13px;
    padding: 10px;
    color: #6b450a;
}
#sign-form .getcode:disabled{
    background-color: #cccccc;
    color: #fff;
}
/* signup end */

/* bind start */
.signup .tips{
    margin: 20px 25px 10px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 25px;
    font-size: 13px;
    color: #666666;
    line-height: 1.4;
}
.signup .tips .bind-tips{
    margin-right: 3px;
}
.signup .tips .bind-tips:after{
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    left: 0;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -231px -804px;
}
/* bind end */

/* user-index start */
.user-index .user-info{
    background-color: #ffcd00;
    height: 135px;
}
.user-index .user-info .sign-btn{
    display: none;
    padding-top: 65px;
}
.user-index .user-info .sign-btn > a{
    display: inline-block;
    color: #6b450a;
    padding: 10px 25px;
    border: 1px solid #6b450a;
    border-radius: 5px;
    font-size: 15px;
}
.user-index .user-info .info-box{
    display: none;
    padding-top: 35px;
}
.user-index .user-info .info-box .img-box{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 0 auto;
}
.user-index .user-info .info-box .img-box > a > img{
    width: 100%;
}
.user-index .user-info .info-box .user-name{
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.user-index .user-info .sign-btn.active,
.user-index .user-info .info-box.active{
    display: block !important;
}
.user-index .user-panel{
    margin: 9px 0;
    position: relative;
    font-size: 15px;
}
.user-index .user-panel .panel-heading{
    border-bottom:1px solid #e7e7e7;
}
.user-index .user-panel .panel-heading.mui-table-view:after,
.user-index .user-panel .panel-heading.mui-table-view:before{
    height: 0 !important;
}
.user-index .user-panel .panel-heading.mui-table-view > .mui-table-view-cell > .mui-navigate-right > .mui-pull-right{
    font-size: 13px;
    line-height: 1;
    color: #999;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
}
.user-index .user-panel .panel-body{
    background-color: #fff;
}
.panel-body > [class*='mui-col-'] > a{
    display: block;
    text-align: center;
    font-size: 13px;
    color: #000;
    position: relative;
    margin: 15px 0;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon{
    width: 20px;
    height: 20px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    position: relative;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon .mui-badge{
    top: -8px;
    background-color: #ff2640;
    margin-left: -6px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-1{
    background-position: -27px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-2{
    background-position: -118px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-3{
    background-position: -211px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-4{
    background-position: -305px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-5{
    background-position: -27px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-6{
    background-position: -118px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-7{
    background-position: -211px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-8{
    background-position: -310px -587px;
}

/* user-index end */

/* userinfo start */
.userinfo  .mui-table-view > .mui-table-view-cell{
    padding-top: 13px;
    padding-bottom: 13px;
}
.userinfo .mui-table-view > .mui-table-view-cell > .mui-navigate-right > .pull-right.user-img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    float: right;
    position: relative;
    right: 20px;
}
.userinfo .mui-table-view > .mui-table-view-cell > .mui-navigate-right > .pull-right.user-img > img{
    width: 100%;
}
.mui-popover.mui-popover-action.mui-popover-bottom .mui-table-view .mui-table-view-cell > a{
    color: #333;
}
.mui-popover.mui-popover-action.mui-popover-bottom .mui-table-view .mui-table-view-cell > a.close{
    color: #ffcd00;
}
.userinfo .file-box{
    display: none;
}

    /* userinfo end */
.mui-poppicker-header .mui-btn{
    background-color: transparent;
    border: none;
    color: #0b85ed;
}
.mui-poppicker{
    background-color: #eee;
}
.mui-picker{
    background-color: #fff !important;
}
/* user nickname start */
.user-nickname .mui-input-row.nickname:last-child:after{
    height: 1px !important;
    left: 0 !important;
    right: 0 !important;
}
.user-nickname .tips{
    margin: 10px 15px 0;
    font-size: 13px;
    color: #999;
}
/* user nickname end */


/* user-receipt start */
.mui-content .receipt-item:first-child{
    margin-top: 10px;
}
.receipt-item{
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
}
.receipt-item > .item-body{
    padding: 10px 0;
    display: table;
    width: 100%;
    position: relative;
}
.receipt-item > .item-body:after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.receipt-item > .item-body > .cell{
    display: table-cell;
}

.receipt-item > .item-body > .cell .info{
    font-size: 14px;
    color: #383d40;
    line-height: 1.8;
}
.receipt-item > .item-body > .cell .info .name,
.receipt-item > .item-body > .cell .info .phone{
    display: inline-block;
}
.receipt-item > .item-body > .cell .info .name{
    width: 20%;
}
.receipt-item > .item-body > .cell .address{
    font-size: 14px;
    color: #999;
    line-height: 1.8;
}
.receipt-item > .item-footer{
    position: relative;
    padding: 15px 0;
    font-size: 13px;
}
.receipt-item > .item-footer a{
    color: #000;
}
.receipt-item > .item-footer .mui-pull-right .icon-btn:last-child{
    margin-left: 10px;
}
.receipt-item > .item-footer .mui-pull-left{
    color: #999;
}
.icon-btn{
    display: inline-block;
    margin-right: 5px;
}
.icon-btn:after{
    margin-bottom: -5px;
    content: ' ';
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.icon-btn.checkbox-btn:after{
    background-position: -125px -121px;
}
.icon-btn.checkbox-btn.active:after{
    background-position: -94px -121px;
}
.icon-btn.del-btn:after{
    background-position: -201px -651px;
}
.icon-btn.edit-btn:after{
    background-position: -270px -651px;
}
/* user-receipt end */

/* receipt-add  start */
.receipt-add{
    font-size: 14px;
}
.receipt-add .mui-input-group{
    margin: 10px 0;
}
.receipt-add .mui-input-group:before,
.receipt-add .mui-input-group:after{
    background-color: #e7e7e7;
}
.receipt-add .mui-input-group .mui-input-row label{
    padding-top: 17px;
    padding-bottom: 16px;
    width: 25%;
}
.receipt-add .mui-input-group .mui-input-row label ~ input,
.receipt-add .mui-input-group .mui-input-row label ~ textarea{
    width: 75%;
}
.receipt-add .mui-table-view:before{
    height: 0;
}
.receipt-add .mui-table-view:after{
    background-color: #e7e7e7;
}
/* receipt-add  end */
/* about start */
.about-box .wrapper{
    padding: 10px;
}
.about-box .img-box{
    padding: 30px;
}
.about-box p{
    color: #333;
    line-height: 1.5;
    text-indent:2em;
}
/* about end */

/* about start */
.beedback-box .wrapper{
    padding: 15px 10px 0;
}
.beedback-box .wrapper textarea{
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 5px #f0f0f0;
}
/* about end */

.coupon-box .search-box{
    padding: 10px 15px;
    background-color: #fff;
    padding-right: 120px;
    position: relative;
}
.coupon-box .search-box input[type="text"]{
    margin-right: 80px;
    border: none;
    background-color: #f7f7f7;
    border-radius: 6px;
    padding: 6px;
    line-height: 1;
    height: 40px;
    margin-bottom: 0;
}
.coupon-box .search-box .mui-btn{
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 10px;
}
.coupon-box .btn-get{
    display: block;
    text-align: center;
    margin: 0 auto;
    text-decoration: underline;
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
.coupon-view{
    padding-left: 15px;
    padding-right: 15px;
}
.coupon-view .coupon-view-item{
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
}
.coupon-view .coupon-view-item .item-heading{
    height: 5px;
    background-color: #ff2640;
    border-radius: 5px 5px 0 0;
}
.coupon-view .coupon-view-item  .item-body{
    width: 100%;
    margin: 15px 0;
}
.coupon-view .coupon-view-item  .item-body tr td{
    padding: 5px 10px;
}
.coupon-view .coupon-view-item  .item-body tr td:first-child{
    border-right: 1px dotted #999;
    text-align: center;
    font-size: 35px;
    width: 30%;
    color: #ff2640;
    font-weight: bold;
}
.coupon-view .coupon-view-item  .item-body tr td:first-child font{
    font-size: 16px;
}
.coupon-view .coupon-view-item  .item-body tr td .coupon-item-title{
    color: #333;
    margin-bottom: 5px;
}
.coupon-view .coupon-view-item  .item-body tr td small{
    display: block;
    margin-bottom: 5px;
    padding-left: 8px;
    position: relative;
    color: #999;
}
.coupon-view .coupon-view-item  .item-body tr td small:last-child{
    margin-bottom: 0;
}
.coupon-view .coupon-view-item  .item-body tr td small:after{
    content: ' ';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background-color: #999;
}
.coupon-view .coupon-view-item.active .item-heading{
    background-color: #999;
}
.coupon-view .coupon-view-item.active .item-body tr td:first-child,
.coupon-view .coupon-view-item.active .item-body tr td .coupon-item-title{
    color: #999;
}
.follow-box .mui-col-sm-6{
    margin-bottom: 6px;
}
.follow-box .mui-col-sm-6:nth-child(even){
    padding-left: 3px;
    padding-right: 6px;
}
.follow-box .mui-col-sm-6:nth-child(odd){
    padding-left: 6px;
    padding-right: 3px;
}
.follow-box .shop-box{
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    text-align: left;
}
.follow-box .shop-box .img-box{
    position: relative;
}
.follow-box .shop-box .img-box:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.follow-box .shop-box .img-box img{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.follow-box .shop-box .shop-desc-box{
    margin: 10px 0 0;
}
.follow-box .shop-box .shop-desc-box .price{
    color: #ff2640;
    font-size: 20px;
    line-height: 1;
}
.follow-box .shop-box .shop-desc-box .price .old-price{
    color: #999;
    font-size: 14px;
    margin-left: 5px;
    text-decoration:line-through;
}
.follow-box .shop-box .shop-desc-box .shop-name{
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.3;
}
.mui-content.cheap-box{
    margin-bottom: 50px;
}
.cheap-box .heading{
    background-color: #fff;
    padding: 10px 40px;
    position: relative;
}
.cheap-box .heading:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 15px;
    top: 10px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -61px -121px;
}
.cheap-box .heading.active{
    height: 35px;
    overflow: hidden;
}
.cheap-box .heading .arrow{
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    right: 15px;
    top: 10px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -17px -113px;
    cursor: pointer;
}
.cheap-box .heading.active .arrow{
    background-position: -17px -126px;
}
.cheap-table{
    background-color: #fff;
}
.cheap-table table{
    width: 100%;
}
.cheap-table td{
    padding: 15px;
}
.cheap-table tr td.img-td{
    width: 30%;
    position: relative;
}
.cheap-table tr td.check-td{
    width: 40px;
    padding: 0;
    text-align: right;
}

.cheap-table .img-box{
    position: relative;
}
.cheap-table .img-box:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.cheap-table .img-box img{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.cheap-table tr{
    border-bottom: 1px solid #f7f7f7;
}
.cheap-table tr:last-child{
    border: none;
}
.cheap-table tr td.desc-box{
    padding-left: 0;
    vertical-align: top;
    position: relative;
}
.cheap-table tr td.desc-box h5{
    color: #333;
    line-height: 1.3;
    margin: 0;
}
.cheap-table tr td.desc-box .price{
    position: absolute;
    width: 100%;
    padding-right: 15px;
    bottom: 15px;
    left: 0;
    color: #ff2640;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
}
.cheap-table tr td.desc-box .price span{
    font-size: 12px;
    background-color: #ffcd00;
    color: #6b450a;
    padding: 3px 15px 3px 30px;
    border-radius: 20px;
    position: relative;
}
.cheap-table tr td.desc-box .price span.cheap{
    padding: 3px 15px;
}
.cheap-table tr td.desc-box .price span.kj-end:before,
.cheap-table tr td.desc-box .price span.kj-to:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -65px -76px;
}
.cheap-table tr td.desc-box .price span.kj-end{
    padding: 3px 20px 3px 15px;
}
.cheap-table tr td.desc-box .price span.kj-end:before{
    width: 14px;
    height: 14px;
    background-position: -312px -41px;
    right: 10px;
    left: auto;
}
.mui-bar.mui-bar-tab .mui-row{
    height: 50px;
}
.mui-bar.mui-bar-tab .mui-row > [class*='mui-col-']{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.mui-bar.mui-bar-tab .mui-row > .bar-check{
    background-color: #fff;
    text-align: left;
    padding: 0 15px;
    color: #333;
}
.mui-bar.mui-bar-tab .mui-row .bargin-btn{
    background-color: #ffcd00;
    display: block;
    width: 100%;
    height: 100%;
    color: #6b450a;
}
.mui-bar.mui-bar-tab .mui-row  .buy-btn{
    background-color: #ff2640;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}